<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">

<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->

    <!-- BEGIN HEAD -->
    <head>
		<meta charset="utf-8"/>
		<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
		<meta content="width=device-width, initial-scale=1" name="viewport" />
		<meta content="" name="author" />
		<link rel="shortcut icon" href="/static/favicon.ico" />
		<title>重设密码失败</title>
		<link href = "/static/pages/css/regist.css" rel="stylesheet" style="text/css"/>
	</head>
	
	<!--[if lt IE 9]>
	<script src="/static/global/plugins/respond.min.js"></script>
	<script src="/static/global/plugins/excanvas.min.js"></script> 
	<script src="/static/global/plugins/ie8.fix.min.js"></script> 
	<![endif]-->
	
    <!-- END HEAD -->
    <body style="margin:0px;">
		<div class="content" style="margin-top:10px;">
			<div class="row">
				<div class="col-sm-12">
			        <div style="text-align:center;min-height:450px;">
			            <div style="margin: 20px 0; padding: 0; padding: 10px 0; font-weight: 400;">
			                <img src="/static/pages/img/svg/error.svg" alt="" width="150" height="150" />
			            </div>
			            <h3 th:if="${type=='mobile'}">抱歉！手机重设密码失败</h3>
			            <h3 th:if="${type=='email'}">抱歉！邮箱重设密码失败</h3>
			            <p th:if="${errMsg!=null}" th:text="${errMsg}"></p>
			            <p style="margin: 20px 0; padding: 10px 0; font-weight: 400;">
							页面将在 <span id="change_pwd_failed_wait">5</span> 秒后自动跳转 <a id="change_pwd_failed_href" href="/signOut" style="display:none"></a>
			            </p>
			            <p class="clearfix">
			                <!-- <a href="javascript:history.go(-1);" class="btn btn-grey">返回上一步</a> -->
			                <button class="btn btn-danger btn-outline" id="change_pwd_failed_btn" style="border-radius: 50px !important;">返回登录页</button>
			            </p>
			        </div>
			        <div class="copyright" style="text-align:center;">
			            <p>Powered by <a href="/">pay-boy</a></p>
			        </div>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
    </body>
    <script src="/static/global/plugins/require/require.js"></script>
	<script src="/static/require.config.js"></script>
	<script type="text/javascript">
		// 创建app.js 调用helper
		require(['jquery'], function($){
			(function () {
	             var wait = document.getElementById('change_pwd_failed_wait'),
	                     href = document.getElementById('change_pwd_failed_href').href;
	             var interval = setInterval(function () {
	                 var time = --wait.innerHTML;
	                 if (time <= 1) {
	                     clearInterval(interval);
	                	 window.location.href=href;
	                 }
	             }, 1000);
	             $("#change_pwd_failed_btn").click(function(){
	                 clearInterval(interval);
	                 window.location.href=href;
	             });
	         })();
		});	
	</script>
</html>